.main{
    .content{
        .search{
            background-color: #38393b;
            display: flex;
            height: 1.133333333333333rem;
            line-height: 1.133333333333333rem;
            padding: 0 .3rem;
            .search-content{
                border: .01rem solid #fff;
                width: 8.2rem;
                height: .93333333rem;
                border-radius: .13333333rem;
                margin-top: 0.1rem;
                font-size: .32rem;
                    line-height: .93333333rem;
                background-color: #fff;
                display: inline-block;
                padding-left: 0.3rem;
                .icon-search{
                    background: url("../images/search-e.png");
                    background-size: cover;
                    width: 0.4666666666666667rem; 
                    height: 0.48rem;    
                    display: inline-block;   
                    vertical-align: sub;    
                }
                input{
                    width: 7rem;
                    height: .9rem;
                    border-radius: .13333333rem;
                    font-size: .32rem;
                }            
            }
            .search-btn{
                color: #ffffff;
                font-size: 0.4266666666666667rem;
                margin-left: 0.2rem;
            }
        }
        .hot-search{
            .title{
                height: 1.066666666666667rem;
                line-height: 1.066666666666667rem;
                width: 10rem;
                background-color: #f4f5fa;
                color: #333333;
                font-size: 0.4266666666666667rem;
                padding: 0rem 0.3rem;
            }
            .search-list{
                text-align: center;
                margin-top: 0.7333333333333333rem;
                ul{
                    li{
                        color: #666666;
                        font-size: 0.4rem;
                        margin-bottom: 0.4666666666666667rem;
                        a{
                            color: #666666;
                            font-size: 0.4rem;
                        }
                        span{
                            margin-right: 0.5333333333333333rem;
                            display: inline-block;
                            font-size: 0.2933333333333333rem;
                            line-height: 0.4533333333333333rem;
                            width: 0.4533333333333333rem;
                            height: 0.4533333333333333rem;
                        }
                        &:first-child{
                            span{

                                background-color: #e65832;
                                border-radius: 50%;   
                                color: #fff;                             
                            }
                        }  
                        &:nth-child(2){
                            span{

                                background-color: #ed8d4a;
                                border-radius: 50%;   
                                color: #fff;                            
                            }
                        } 
                        &:nth-child(3){
                            span{

                                background-color: #f7ce58 ;
                                border-radius: 50%;   
                                color: #fff;                         
                            }
                        }                                                                       
                    }
                }
            }
        }
        .none{
            text-align: center;
            margin-top: 4rem;
            img{
                width: 4rem;
                height: 3.68rem;
            }
            p{
                color: #999999;
                font-size: 0.4rem;
                margin-top: 0.6666666666666667rem;
            }
        }
    }
}
/*相关视频*/
.related {
}
.related > .re-header > h4 {
    font-size: 0.3733333rem;
    font-weight: bold;
    padding-bottom: 0.42666667rem;
}
.re-wrapper > li {
    width: 100%;
    height: 3rem;
    position: relative;
    font-size: 0;
    border-top: .01rem solid #e5e5e5;
    padding: .26666667rem 0rem;
}
.re-wrapper > li:last-child{
border-bottom: .01rem solid #e5e5e5;
}
.re-wrapper > li > a > .re-item-left {
    float: left;
    padding-left: .33333333rem;
}
.re-wrapper > li > a > .re-item-left >img {
    width: 3.693333333333333rem;
    height: 2.4rem;
  overflow: hidden;
}
.re-wrapper > li > a > .re-item-right {
    height: 2.4rem;
    margin: .11rem 0;
    float: right;
    width: 5.5rem;
    padding-right: .33333333rem;
}
.re-wrapper > li > a > .re-item-right > h4 {
  height: 1.8rem;
  line-height: 0.5rem;
  font-size: 0.37rem;
  color: #333;
}
.re-wrapper > li > a > .re-item-right > p {
  font-size: 0.32rem;
  padding:0.24rem 0.24rem 0.24rem 0;
}
.re-wrapper > li > a > .re-item-right > .re-item-right-wrapper >span {
  font-size: 0.32rem;
  color:rgba(153,153,153,1);
}
.re-wrapper > li > a > .re-item-right > .re-item-right-wrapper >span:last-child{
  float: right;
}
.re-all {
    width: 100%;
    text-align: center;
    position: relative;
    padding: 0.6rem 0rem;
    border-bottom: 0.01rem solid #E5E5E5;
}
.re-all > span {
  font-size:0.37rem;
  color:rgba(51,51,51,1);
  display: block;
}
